class Button {
    props = { type: String, size: String, disabled: Boolean };

    state = {
        disabled: null,
        className: [],
    };

    constructor() {
        this.state.disabled = this.props.disabled;
        this.state.className.push("btn");
        if (this.props.type) {
            this.state.className.push("btn-" + this.props.type);
        }
        if (this.props.size && ["lg", "sm", "xs"].includes(this.props.size)) {
            this.state.className.push("btn-" + this.props.size);
        }
        this.state.className = this.state.className.join(" ");
    }
}
